<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>数据编辑</title>
    <link href="../component/pear/css/pear.css" rel="stylesheet"/>
    <style>
        .dtree-nav-div {
            white-space: nowrap; /* 禁止节点标题换行 */
            display: inline-block;
            min-width: 150px;
            /*border: 1px solid black;*/
        }

        cite {
            font-weight: bold;
        }

        label[title="编辑节点"] + div > input {
            pointer-events: none;
            background-color: #f5f5f5; /* 设置背景色为灰色 */
            cursor: not-allowed; /* 设置光标样式为不可用 */
        }

        label[title="新增节点"] + div > input {
            pointer-events: none;
            background-color: #f5f5f5; /* 设置背景色为灰色 */
            cursor: not-allowed; /* 设置光标样式为不可用 */
        }

        /** 标题字体加粗 **/
        #dataTitle {
            font-weight: bold;
        }
    </style>
</head>
<body class="pear-container">

<div class="layui-card">
    <div class="layui-row">
        <div class="layui-col-md6 layui-col-md-offset3">
            <div class="layui-card-body">
                <form id="queryForm" class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-form-item layui-inline">
                            <label class="layui-form-label">Coverage Id</label>
                            <div class="layui-input-inline">
                                <input type="text" name="coverageId" placeholder="输入元数据名称" class="layui-input">
                            </div>
                        </div>

                        <div class="layui-form-item layui-inline">
                            <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit>
                                <i class="layui-icon layui-icon-search"></i>
                                查询
                            </button>
                            <button type="reset" class="pear-btn pear-btn-md">
                                <i class="layui-icon layui-icon-refresh"></i>
                                重置
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="layui-row">
    <div class="layui-col-md6 layui-col-md-offset3">
        <div class="layui-card">
            <div class="layui-card-header" id="dataTitle">
                元数据目录
            </div>
            <div class="layui-card-body">
                <ul id="demoTree" class="dtree" data-id="0"></ul>
            </div>
        </div>
    </div>
</div>

<script src="../component/layui/layui.js"></script>
<script src="../component/pear/pear.js"></script>
<script src="../js/dataEdit.js"></script>

</body>

</html>